<template>
	<view>
		<view class="gridContainer">
			<view class="nav-list">
				<navigator
					hover-class="none"
					:style="{ 'animation-delay': index * 0.1 + 1 + 's' }"
					:url="'' + item.url"
					class="nav-li animation-slide-bottom"
					navigateTo
					:class="'bg-' + item.color"
					v-for="(item, index) in boxItems"
					:key="index"
				>
				<view class="iconChange lastChanges">
					<text :class="'cuIcon-' + item.cuIcon"></text>
				</view>
					<view class="nav-title">{{ item.title }}</view>
					<!-- <view class="nav-name">{{ item.name }}</view> -->
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			boxItems: [
				{
					title: '订单处理',
					url: '/agentPages/eleAccount/orderManage',
					// color: 'cyan',
					color:'#efefef',
					cuIcon: 'text'
				},
				{
					title: '其他入库',
					url: '/agentPages/eleAccount/otherInStorage',
					// color: 'blue',
					color:'#efefef',
					cuIcon: 'cartfill'
				},
				{
					title: '其他出库',
					url: '/agentPages/eleAccount/otherOutStorage',
					// color: 'purple',
					color:'#efefef',
					cuIcon: 'pick'
				},
				{
					title: '入库查询',
					url: '/agentPages/eleAccount/inStorageQuery',
					// color: 'mauve',
					color:'#efefef',
					cuIcon: 'search'
				},
				{
					title: '出货查询',
					url: '/agentPages/eleAccount/outStorageQuery',
					// color: 'pink',
					color:'#efefef',
					cuIcon: 'search'
				},
				{
					title: '库存查询',
					url: '/agentPages/eleAccount/stockQuery',
					// color: 'orange',
					color:'#efefef',
					cuIcon: 'search'
				},
				{
					title: '产品追溯',
					url: '/agentPages/eleAccount/productTrace',
					// color: 'cyan',
					color:'#efefef',
					cuIcon: 'location'
				},
				{
					title: '售后无忧',
					url: '/agentPages/eleAccount/serviceReport',
					// color: 'brown',
					color:'#efefef',
					cuIcon: 'roundcheckfill'
				},
				{
					title: '报备查看',
					url: '/agentPages/eleAccount/reportSearch',
					// color: 'cyan',
					color:'#efefef',
					cuIcon: 'search'
				},
			]
		};
	}
};
</script>

<style>
 /* @import '../../common/common.less'; */
</style>
